@charset "utf-8";
body{font: 14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;background-color: #fff; cursor:default;}
body,p,ul,ol,li,dd,dl,h1,h2,h3,h4,h5{ padding:0; margin:0;}
li{ list-style:none;}
a,.nav ul li span{-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a{ text-decoration:none; color:#535353; font-size:12px;}
img{ border:none; outline:none;}
p{word-wrap:break-word}
.ow{ width: 100%; min-width: 1200px; height: auto;overflow: hidden;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1200?"1200px":""); position: relative;} /*ow*/
.w{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.goods_defind h4,.goods_info span,.i i,h1.logo,.slide i,.i_footer_box ul li i,.slide_open{ background-image:url(../images/bg.png); background-repeat:no-repeat;}
.i i{ width:18px; height: 18px; display: inline-block;}
/*首页*/
h1.logo{ width: 192px; height: 65px; float: left; margin-top: 35px;}
h1.logo a{ display:block; width:100%; height:100%;}
.nav{ float: right;width: 880px; border-top: #CCCCCC solid 1px; padding:26px 0 13px 0;}
.nav ul{ height: 30px; float: left;}
.nav ul li{ float: left; margin-right:45px;  height: 50px; position: relative;}
.nav ul li a,.i_callus a{ color: #5c5c5c; font-size: 14px;}
.nav ul li span{background-color: #ee1415; position: absolute; display: block; top: 25px; left: 50%; width:0; height: 3px;}
.nav ul li:hover span{left:0 ; width:100%;}
.nav ul li:hover a,.header_login strong,.i_callus a:hover,.i_title h2 a.more:hover,.i_goods_info a:hover,.i_goods_list li:hover span,.slide a:hover span,.i_news_list li:hover h3 a,.nav_ ul li a:hover,.article_content a:hover,.main_title a:hover{ color: #ee1415;} /*hover*/
.header_login{ float: right; padding: 10px 0;}
.header_login p{ display: inline-block; margin-left: 26px;}
.header_login i{ background-position:-211px -14px;height: 16px;float: left;}
.header_login span{ color: #5c5c5c;  font-size: 12px;}
.header_login a{ color: #525252;}
.i_callus{ float: right}
.i_callus i{ background-position:-263px -21px;float: right;margin-left: 3px;}
.i_callus span{ width: 1px; height: 18px; background-color: #cdcdcd; float: left;  display: block; margin: 1px 6px 0 0;}
.banner{ height: 427px;position:relative; overflow: hidden;}
.banner ul li a{ height: 427px; width: 100%; display: block; background-position: 50% 0}
.banner #pager{ width: 100%; position: absolute; bottom: 0; z-index: 12; text-align:center}
.banner #pager a{ display: inline-block; width:15px; height:6px; background-color: #ffffff; margin: 0 4px;}
.banner #pager a.selected{width:30px;background-color:#ee1415; }
.banner #pager a span{ display: none}
.i_pic{ width: 1206px; margin: 40px auto; overflow: hidden;}
.i_pic a{ display: block; float: left;margin:0 5px 5px 0;}
.i_pic:hover a{ filter:alpha(opacity=50);opacity:0.5}
.i_pic a:hover{filter:alpha(opacity=100);opacity:1}
.i_pic a img{ float: left;}
.i_goods{ background-color: #e5f1fe;}
.i_title{text-align: center; border-bottom: solid 1px #333333; padding-top: 30px;}
.i_title h2{}
.i_title h2 a.title{ font-size: 24px; display: inline-block; font-weight: 100; margin-right: -60px; padding-bottom: 10px; border-bottom: solid 4px #333333; }
.i_title h2 a.more{ font-size: 12px; display: inline-block; float: right;padding-top: 14px;}
.i_title h2 a.i i{ background-position: -269px 0; margin: -4px 4px;}
p.i_goods_defind{ width: 570px; text-align: center; margin:20px auto 30px;  line-height: 20px; font-size: 12px; color: #717171;}
.i_goods_list{ overflow: hidden;  width: 1196px; margin: 0 auto;}
.i_goods_list li{ width:285px; margin:7px; float: left; position: relative;}
.i_goods_list li a{ display: inline-block; float: left;  width: 220px;}
.i_goods_list li a img{ float: left; width: 285px; height: 191px;}
.i_goods_info{ background-color: #ffffff; overflow:hidden;clear: both; border-top: solid 1px #e0e0e0;  height: 43px;}
.i_goods_info a{color:#4b4b4b;line-height: 43px;padding-left: 15px;}
.i_goods_info p{ width: 44px;text-align:center; line-height:14px;float: right; border-left:solid 1px #e0e0e0;}
.i_goods_info p i{ background-position:-238px -13px;  margin-top: 8px;}
.i_goods_info p span{ display: block; color: #cbcbcb;}
.i_goods_list li:hover i{background-position:-214px 3px;;}
div.i_goods_defind{ position:absolute;background-color:rgba(238,20,21,0.6); top: 0; display: none; width: 100%; padding: 5px 0}
div.i_goods_defind p{ color: #ffffff;padding:0 5px; height: 21px; overflow: hidden;}
.loadmore{   color: #737373;font-size: 15px;padding: 6px 29px;display: block;width: 90px;margin:30px auto;border-radius: 5px;
    background-color: #ffffff;}
.loadmore:hover{background-color: #e3e3e3;color: #737373;}

.i_news_list{ width: 1250px; overflow: hidden; padding: 30px 0}
.i_news_list li{ width: 575px; height: 96px; float: left; padding-top: 8px;   margin-right: 50px;}
.i_news_list li h3{ height: 27px; overflow: hidden;}
.i_news_list li h3 a{ font-size: 18px; color: #232323; font-weight: 100;}
.i_news_list li p{ height: 42px; overflow: hidden;}
.i_news_list li p a{ color: #838383; font-size: 12px;}
.i_news_more{ display: none; color: #acacac; font-size: 12px; border-bottom: solid 1px #d8d8d8; padding-bottom: 3px;  padding-top: 5px;}
.i_news_more label{ float: right}
.i_news_list li p a:hover{ text-decoration: underline;}
.footer{ background-color: #b34c4c; color: #ffffff}
.footer a{ color: #eeeeee;}
.footer a:hover{ color: #ee1415;}
.i_footer_box{ width: 400px; height: 193px; overflow: hidden; float: left; padding: 40px 0 30px 0}
.i_footer_title{ padding-bottom: 25px;}
.i_footer_title h2 a{ font-size: 16px; font-weight: 100; border-bottom:solid 2px #ffffff;display: inline-block;padding-bottom: 5px;}
.i_footer_title h2{ margin-right: 20px; border-bottom: solid 1px #ffffff;}
.i_footer_box ul li{ line-height: 22px;}
.i_footer_box ul li i{background-position: -192px -39px; width: 7px; height:7px; display: inline-block;}
.i_footer_box ul li a{margin: 5px;}
.i_footer_slide{background-color: #282828; padding: 16px 0;}
.i_footer_slide p{ color: #cdcdcd; float: left;}
.i_footer_slide ul{ float: right; width: 600px;}
.i_footer_slide ul li{ float: right; margin: 0 10px;}
.i_footer_slide ul li a{ color: #cdcdcd;}
.slide{ background-color: #fbfbfb;  width: 48px; height: 1200px; padding-top: 50px; position: fixed; right: -50px; top: 0; z-index:999; }
.slide dd,.slide dt{ text-align: center;margin: 10px 0;padding: 15px 0; position: relative;}
.slide dd a,.slide dt a{ display: inline-block;}
.slide dl dd i,.slide .slide_kf i{ width: 34px; height: 34px; display:inline-block;}
.slide .slide_dl i{ background-position: -201px -31px;}
.slide .slide_ly i{ background-position: 0 -66px;}
.slide .slide_sc i{ background-position: -74px -66px;}
.slide .slide_ss i{ background-position: -149px -66px;}
.slide .slide_ly:hover i{ background-position:  -37px -66px;}
.slide .slide_sc:hover i{ background-position: -111px -66px;}
.slide .slide_ss:hover i{ background-position: -187px -66px;}
.slide .slide_kf{ border-top: solid 1px #cdcdcd; padding-top: 5px;}
.slide .slide_kf i{ background-position: -254px -66px;}
.slide .slide_kf:hover i{background-position: -222px -66px;}
.slide_open{ width: 38px; height: 20px; display: inline-block; position: fixed; bottom: 3px; right: 0; z-index: 999; background-position:-238px -46px; }
.slide_bottom{ text-align: center; position: absolute; bottom: 48px; width: 48px; }
.slide_bottom a{height: 48px; border-top: solid 1px #dfdfdf; display: block;line-height: 60px;}
.slide_bottom .scripttop i{background-position: -190px -15px;}
.slide_bottom .slide_close i{background-position: -190px 2px;}
.search,.slide_kefu{width: 220px;  top: 15px; display: none; position: absolute; background: #E8E8E8; margin-left: -220px; padding: 10px 0;}
.search input{ border: solid 1px #cccccc; line-height:24px; outline: none; }
.slide_kefu li{ border-bottom: solid 1px #dfdfdf;padding:10px 0 5px 0; font-size: 12px; color: #888888;}
.slide .cardname_open span{ background:url(../images/erweima_btn.jpg) no-repeat; width:25px; height:25px; margin: 14px 16px; display:block;}
img.cardname {
  position: fixed;
  z-index: 999;
  bottom: 40px;
  right: 49px;
  display:none;
}
/*产品列表页*/
.goods{ width:74%; float:right; height:auto; overflow:hidden;}
ul.goods_main{ width:100%; height:auto;overflow:hidden;border-bottom:#dfdfdf solid 1px;}
.goods_defind h4{  font-size: 16px;  padding: 0 16px;  height: 24px;  margin-bottom:5px;  background-position: -288px 7px;  overflow: hidden;}
.goods_info span{ padding-left:20px;}
.goods_info{ overflow:hidden;margin-top: 10px;}
.ie .goods_defind i{ height:12px;}
.goods_info .left{ float:left; background-position:-285px -38px;}
.goods_info .right{ float:right;background-position:-235px 3px;}
ul.goods_main li:hover h4{background-position:-288px -12px;color:#ab010a}
ul.goods_main li{  width:32%; margin:0.666%; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;-o-box-sizing:border-box; border:#dfdfdf solid 1px; float:left;padding:5px; background-color:#FFF;}
.goods_defind{ position:relative; top:0; padding-top:5px;background-color:#ffffff;  height: 55px; }
ul.goods_main li a{ display:block; overflow:hidden; width:100%; height:100%;}
.goods_images{width:100%; height:0; padding-bottom:65%;position:relative; background-color: #ffffff;}
.goods_images img{position:absolute; top:0; left:0; width:100%;height:100%;}
ul.goods_main li a p{color: #535353;font-size: 12px; height: 42px;padding:0 5px; overflow:hidden; line-height:20px; display:none;}
ul.goods_main li a p:hover{ text-decoration:underline}
.paging{text-align: center;width: 100%;height: 50px;margin-top: 30px;}
.paging a, .paging span, .paging label {display: inline-block;padding: 6px 15px;border: solid #ccc 1px;font-size: 14px;margin-right:-5px;}
.paging a,.paging span{ border-left:none;}
.paging a:hover, .paging span, .paging label{ color:#FFF; background-color:#C22412;}
.paging label{ border-bottom-left-radius:5px;border-top-left-radius:5px;}
.paging a:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;}

/*产品列表页 over*/
/**/
.news{ width:70%; float:right; background-color:#fafafa}
.news_main{ width:100%;}
.news_main li{border:none; clear:both;}
.news_main li.active{border-bottom:solid 1px #CCC; }
.news_items{ padding-top:20px; display:none;height:150px; }
.news_toggle{ border-bottom:#CCC dashed 1px; overflow:hidden; padding:5px 0;}
.news_toggle h3{ float:left; padding-left:20px; color:#535353; font-weight:100; font-size:14px;}
.news_toggle span{ float:right; padding-right:10px; font-size:12px; color:#999; padding-top:2px;}
.news_info{ float:left; width: 167px;  height: 128px; margin:0 20px 20px; border:solid 1px #cdcdcd;}
.news_info img{ width:165px; height:125px; padding:1px;}
.news_box{width:100%;}
.news_box span{ float:right; font-size:12px; color:#999;}
.news_box h4{}
.news_box h4 a{ font-size:16px; color:#47A2E2; font-weight:100;}
.news_box h4 a:hover{ color:#47A2E2}
.news_box p{margin-top:13px; padding-right:10px;  overflow:hidden;}
.news_box p a{ font-size:12px; color:#787878}
.news_box p a:hover{ text-decoration:underline;}
.news_box a.news_more{ background-color:#838383; color:#FFF; display:inline-block; padding:3px 16px; font-size:14px;} 
.news_box a.news_more:hover{background-color:#47A2E2;color:#ffffff; }
.paging{ clear:both}
/**/
.news1{ width:70%; float:right; background-color:#fafafa}
.news_main1{ width:100%;}
.news_main1 li{ border-bottom:solid 1px #CCC; height:130px; clear:both;}
.news_info1{ float:left; width:75px; height:106px; text-align:center; background-color:#47A2E2; margin:10px 22px 20px 10px}
.news_info1 strong{ font-size:24px; color:#ffffff; display:block; padding-top:15px;}
.news_info1 span{ color:#b8ddf8; font-size:12px; display:block; padding-bottom:10px;border-bottom:solid 1px #2f91d6;}
.news_info1 p{ font-size:12px; color:#8bbde0; border-top:solid 1px #66b3ea; line-height:24px;}
.news_box1{width:100%;box-sizing:border-box;}
.news_box1 h3{ padding:15px 10px 2px 0;}
.news_box1 h3 a{ font-size:18px; color:#434343; font-weight:100;}
.news_box1 h3 a:hover{ color:#47A2E2}
.news_box1 p{ margin-bottom:3px; padding-right:10px; height:42px; overflow:hidden;}
.news_box1 p a{ font-size:12px; color:#787878}
.news_box1 p a:hover{ text-decoration:underline;}
.news_box1 a.news_more{ background-color:#838383; color:#FFF; display:inline-block; padding:3px 16px; font-size:14px;} 
.news_box1 a.news_more:hover{background-color:#47A2E2;color:#ffffff; }
/*在线订单页*/
.table{ width:800px; height:auto; overflow:hidden; box-shadow:0 0 5px #ccc; background:#f8f8f8}
.table h2{ border-bottom:dashed 1px #F96; padding:30px 0; text-align:center; color:#F96}
.table_main label{ font-size:14px; display:block; float:left; color:#666; margin-top:6px;text-align: right;width: 80px;}
.table_main dd{ padding:8px 0; overflow:hidden; width:750px; height:auto; margin:0 auto;}
.table_main dt{ font-size:16px; font-weight:bold; width:100%;border-top:#ddd solid 1px; padding-top:10px; color:#333; text-align:center; margin-top:20px; margin-bottom:10px;}
.table_box{ -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; height:28px; border:#ddd 1px solid; border-radius:5px; font-size:14px; color:#888; padding-left:8px; width:240px;}
.table_main textarea{border:#ddd 1px solid; border-radius:5px;font-size:14px; color:#888; resize:none; width:294px; height:120px;}
.table_input{ width:200px;}
.table_num{ width:80px;}
.table_lang{ width:300px;}
.table_main strong{ color:#666; font-size:12px;}
.table_c{ width:50%; height:auto; overflow:hidden; float:left;}
.table_r{ margin-top:6px;}
.table_sumit{  margin: 70px 150px;}
.table_sumit input{background-color: #333;border-radius:3px;padding: 6px 37px;border: none;color: #fff;}
.table_sumit input:first-child {background: #830005;}
/*在线订单页 over*/

/*模板页*/
.article{  width: 100%;height: auto; margin-top: 10px;}
.article h1 { text-align:center;
  font-size: 26px;
  line-height: 30px;
  padding: 16px 20px;
  color: #333;
  font-weight: 100;
}
.article .aside { text-align: center; border-bottom: #dfdfdf solid 1px; padding-bottom: 5px;}
.article .aside span{ display: inline-block; margin: 0 10px; color: #888888;}
.article_content {  margin: 20px 20px 0;  line-height: 28px;  padding-bottom: 20px; text-align:center;}
.article_content img{max-width:100%;}
.article_content p{ margin-top:10px;  text-align: left;  text-indent:2em;  word-wrap: break-word;font-size: 14px;  color: #555555;
  line-height: 30px;  font-weight: 500;}
.lookmore dd{ height:32px; overflow: hidden; line-height:32px; clear: both;}
.lookmore dd label{ display:inline-block;text-align: center;}
.lookmore dd a:hover,.about_ dd a:hover{ color:#4a9afc}
.about_{}
.about_,.lookmore{ float: left; width: 48%; margin-right:2%;}
.about_ dt,.lookmore dt{ border-top: #dfdfdf solid 1px; overflow: hidden; padding-bottom: 20px; }
.about_ dt span,.lookmore dt span{ padding:0 10px;margin-top: 2px; display: inline-block; background-color: #4a9afc; color: #ffffff; text-align: center; float: left;  }
.lookmore dt span{cursor: pointer;}
.lookmore dt span a{color: #ffffff; }
.about_ dd{ line-height: 32px; height: 32px; overflow: hidden; clear: both;border-bottom:dashed #dfdfdf 1px; }
/*liuyan*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999;  }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(../images/valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}
/*左导航 */
.ma{ padding:40px 0;}
h4.top_title {
    color: #C5C5C5;
    border-bottom: #dfdfdf solid 1px;
    font-size: 18px;
}
.main_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 30px;
}
.main_title h4 {
    color: #C22412;
    font-size: 22px;
    float: left;
    font-weight: 100;
}
.main_title p {
    float: right;
    font-size: 13px;
    color: #7C7C7C;
}
.main_title a {
    font-size: 13px;
    color: #7C7C7C;
}
.n_left {
    width: 283px;
    height: auto;
    overflow: hidden;
    float: left;
}
.nav_ dt {
    width: 273px;
    height: 162px;
	background-position:center center;
	background-repeat:no-repeat;
    line-height: 260px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}
.nav_about{ margin-top:20px;}
.nav_ dd {
    text-align: center;
    width: 270px;
    line-height: 32px;
    padding: 5px 0 5px 0px;
    border: #dfdfdf solid 1px;
    border-top: none;
    position: relative;
    background: url(../images/nav_bg.jpg) center center;
}
.nav_ dd a {
    font-size: 14px;
    width: 100%;
    display: block;
    height: 32px;
    overflow: hidden;
}
.nav_ dd:hover a{ font-size:16px;}
.nav_ dd:hover ul li a{ font-size:12px;}
.nav_ ul { display:none; }
.nav_ ul li a {
    display: block;
    font-size: 12px;
}
.loginh{ height:405px;background: url(../images/login_bg.jpg) center center no-repeat; }
.login_logo{ width: 297px; height: 60px;margin-top: 17px; float: left;}
.login_header{ background-color:#b98858; }
.login_nav{ height: 90px;float: right;width: 850px;}
.login_nav ul{ overflow: hidden; margin-top: 33px;}
.login_nav ul li{float: right; width: 180px;}
.lbanner{ height:445px; width:100%; background-position:center top; background-repeat:no-repeat; }
.input_group{ position: relative; overflow: hidden;width:332px;height:auto; margin: 20px;}
.input_group span{ position: absolute; z-index: 100; right: 46px; top: 17px;}
.input_group p{ font-size: 12px; color: #000; margin-top: 5px; margin-left: 60px;}
.input_group label{ display: inline-block; width: 70px; text-align: right;}
.login_box{ width: 332px; height: 275px; background-color:rgba(255,255,255,0.7) ;float: right;margin-top: 50px; padding-top: 20px;}
.login_box input {
    width: 280px;
    height: 46px;
    line-height: 46px;
    border: #ddd 1px solid;
    border-radius: 4px;
    font-size: 16px;
    color: #5f5f5f;
    padding-left: 8px;
}
.login_box input.input_submit{ margin:0 20px; width:290px;color: #ffffff; background-color:#a84242; cursor: pointer; }
.login_box a,.login-title a{ font-size: 12px; color: #707070; display: inline-block; margin: 10px 20px;}
.forget{float: right;}
.login_footer{ text-align: center; position: fixed; bottom: 30px; left: 0;}
.login_footer span{ font-size: 12px; color:#656565;}
.login-title span{ display: inline-block; margin-right: 20px;}
.zhuce_box{ width: 900px; height: auto; overflow: hidden; margin: 0 auto; background-color: rgba(255,255,255,0.9); padding: 20px; border-radius: 4px;margin-top: 50px; }
.login-title{ padding-bottom: 5px; border-bottom: #ccc solid 1px;}
.login-title label{ display: inline-block; padding:0px 8px; margin: 0 3px; font-size: 16px; color: #fff; background-color: #a84242;}
.zhuce_box .input_group{ float: left; margin: 20px;}
.zhuce_box .input_submit{ width:80px; background-color: #a84242; height: 32px; line-height: 32px; text-align: center; color: #ffffff; border: none; outline: none; margin-left: 90px;}
.zhuce_box .table_yz{height: 28px;
    border: #ddd 1px solid;
    border-radius: 5px;
    font-size: 14px;
    color: #888;
    padding-left: 8px;
    width: 80px;}
.b_input,.shop_search input{ border:0; outline: 0; border-radius: 4px; background-color: #f5f5f5;}/*input*/
.shop_sub{border-radius: 3px; background-color:#C22412; padding: 6px 37px; border: none; color: #fff;}
.shop {
  text-align: center;
  padding: 30px 0;
  margin-bottom: 67px;
}
.article_content a {
  display: block;
  margin:10px 0;
}
.dropdown {
  position: absolute;
  z-index: 999;
  top: 32px;  width: 600px; display:none;}
  .dropdown a {
  display: inline-block;
  margin: 0 3px;
  font-size: 12px;!important
}